<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta http-equiv="Content-Style-Type" content="text/css">
    <meta name="Generator" content="Cocoa HTML Writer">
    <meta name="CocoaVersion" content="1504.76">
    <title>地面信息调查表</title>
    <link rel="stylesheet" type="text/css" href="homepage.css">
    <link rel="stylesheet" type="text/css" href="font-awesome-4.7.0/css/font-awesome.css">
    <link rel="stylesheet" type="text/css" href="font-awesome-4.7.0/css/font-awesome.min.css">
    <script type="text/javascript" src="jquery-3.1.1.min.js"></script>
    <script type="text/javascript" src="My97DatePicker/WdatePicker.js"></script>
    <script type="text/javascript" src="egconfig.js"></script>
    <script type="text/javascript" src="baidusearchinput.js"></script>
    <script type="text/javascript" src="MobileT_Yd.js"></script>
    <style>
		clickckpic{
		    background: #007efb;
			font-size: 13px;
			padding: 10px;
			border-radius: 5px;
			float: left;
			margin-top: -38px;
			margin-left: 120px;
			box-shadow: 1px 1px 1px 1px #afa7a7;
			color: #fff;
			position: absolute;
		}
		.body .diplay4 .table divdatapic {
			background: #0080FF;
			width: 300px;
			/* height: 240px; */
			position: absolute;
			bottom: 15px;
			left: 3px;
		}
		.body .diplay4 .table divdatapic divi {
			display: block;
			border: 1px solid #ccc;
			text-align: center;
			color: #fff;
			height: 30px;
			line-height: 30px;
		}




    </style>
</head>
<body class="move">
<div class="body body-move">
    <div class="diplay4 display4-move">
        <div class="table">
            <divx class="table_yd table_yd_ss">
                <input type="hidden" name="YDSHBZ" value="0,0,0,0,0,0,0,0,0,0,0,0,0,0"/>
                <divx id="form_ydid">
                    <!-- 标题 -->
                    <div class="table_title">
                        <span>地面信息调查表</span>&nbsp;&nbsp;<span id="title_flag"></span>
                    </div>
                    <!-- 添加 -->
                    <aa class="add">
                        <!-- 信息 -->
                        <div class="table_span table_content">
								<span>
									<slose class="slose">
										<!-- 审核标记 -->
										<i class="fa fa-times slose_show" aria-hidden="true"
                                           style="color:#ccc">
										</i>
									</slose>
									样地名称：
									<span id="SAMPLEPLOTNAME">名称</span>
									<input id="GEMPOINTID_hidden" type="hidden" name="GEMPOINTID"/>
								</span>

                            <span>
									<!-- 审核标记 -->
									<i class="fa fa-times" aria-hidden="true">
									</i>
									日期：
									<span id="CJDATA" onclick="CjDateChange();"></span>
								</span>
                            <span>
									<!-- 审核标记 -->
									<i class="fa fa-times" aria-hidden="true">
									</i>
									记录人<span id="JLR" contenteditable="true"></span>
								</span>
                        </div>
                        <!-- 样地名称下拉 -->
                        <div id="GEMNAME" class="ydname_select" style="display:none">

                        </div>
                        <div style="display:none">
                            <span>巴彦胡硕西</span>
                        </div>
                        <!-- 经纬度 -->
                        <div class="table_span table_enm">
								<span id="WD">
									纬度
									<span id="YDwd"></span>N
								</span>
                            <span id="JD">
									经度
									<span id="YDjd"></span>E
								</span>
                            <span id="HB">
									海拔
									<span id="YDhb"></span>m
								</span>
                        </div>
                        <!-- 盟市 -->
                        <div id="XZMC" class="table_span table_table">
                            <input id="XZDM" type="hidden" value="">
                            <span>
								<!-- 审核标记 -->
									<i class="fa fa-times" aria-hidden="true">
									</i>
									行政区划：
									<span id="CITYNAME_1" class="table_XZQH">123</span>
								</span>
                        </div>
                        <!-- 山形地貌 -->
                        <div class="table_terrain">
								<span>
									<!-- 审核标记 -->
									<i class="fa fa-times" aria-hidden="true">
									</i>
									地形地貌
								</span>
                            <span id="DXDMMC">
									
							</span>
                        </div>
                        <!-- 坡向 -->
                        <div class="table_Slope">
								<span>
									<!-- 审核标记 -->
									<i class="fa fa-times" aria-hidden="true">
									</i>
									坡向
								</span>
                            <span id="PX">
									
								</span>
                        </div>
                        <!-- 坡位 -->
                        <div class="table_Slope_position">
								<span>
									<!-- 审核标记 -->
									<i class="fa fa-times" aria-hidden="true">
									</i>
									坡位
								</span>
                            <span id="PW">
								
								</span>
                        </div>
                        <!-- 坡度 -->
                        <div class="table_span table_slope">
								<span>
									<!-- 审核标记 -->
									<i class="fa fa-times" aria-hidden="true">
									</i>
									坡度<span id="PD" contenteditable="true"></span>°
								</span>
                        </div>
                        <!-- 土壤类型 -->
                        <div class="table_soil">
								<span>
									<!-- 审核标记 -->
									<i class="fa fa-times" aria-hidden="true">
									</i>
									土壤类型
								</span>
                            <span id="TRLX">
									
								</span>
                        </div>
                        <!-- 植被型 -->
                        <div class="table_Botany">
								<span>
									<!-- 审核标记 -->
									<i class="fa fa-times" aria-hidden="true">
									</i>
									植被型
								</span>
                            <span id="ZBX">
									
								</span>
                        </div>
                        <!-- 植物群落名称 -->
                        <div class="table_span table_community">
								<span>
									<!-- 审核标记 -->
									<i class="fa fa-times" aria-hidden="true">
									</i>
									植物群落名称<span id="ZWQL" contenteditable="true"></span>
								</span>
                        </div>
                        <!-- 地表特征 -->
                        <div class="table_soil table_soil2">
							<span>

								地表特征
							</span>
							<i class="fa fa-times" aria-hidden="true">
							</i>
                            <span id="DLW">
								
							</span>
							<i class="fa fa-times" aria-hidden="true">
							</i>
                            <span id="LK">
									
							</span>
							<i class="fa fa-times" aria-hidden="true">
							</i>
                            <span id="LS">
								
							</span>
							<i class="fa fa-times" aria-hidden="true">
							</i>
                            <span id="FUS">
									
							</span>
							<i class="fa fa-times" aria-hidden="true">
							</i>
                            <span id="FSK">
									
							</span>
							<i class="fa fa-times" aria-hidden="true">
							</i>
                            <span id="SSG">
									
							</span>
							<i class="fa fa-times" aria-hidden="true">
							</i>
                            <span id="YJB">
				
							</span>
                        </div>
                        <!-- 利用方式 -->
                        <div class="table_mode">
								<span>
									<!-- 审核标记 -->
									<i class="fa fa-times" aria-hidden="true">
									</i>
									利用方式
								</span>
                            <span id="LYFS">
				
								</span>
                        </div>
                        <!-- 利用强度 -->
                        <div class="table_Strength">
								<span>
									<!-- 审核标记 -->
									<i class="fa fa-times" aria-hidden="true">
									</i>
									利用强度
								</span>
                            <span id="LYQD">
				
							</span>
                        </div>
                        <!-- 治理类型 -->
                        <div class="table_span table_Government">
								<span>
									<!-- 审核标记 -->
									<i class="fa fa-times" aria-hidden="true">
									</i>
									治理类型（涉及生态建设工程）
									<span id="ZLLX" contenteditable="true"></span>
								</span>
                        </div>
                        <!-- 确定按钮 -->
                        <div class="table_button">
                            <!-- 上传 开始 -->
                            <form id="ydform_Upload" style="display:none;"
                                  action="/Ecological/uploadYDPicture" method="post"
                                  enctype="multipart/form-data" onsubmit="return uploadPicture();"
                                  target="hidden_ydframe">
                                <div class="input-group ">
                                    <input id="txt_Path" type="text" class="form-control">
                                </div>
                                <input id="ydpicsubmit" type="submit" class="btn btn-info"
                                       value="提交上传"/>
                                <input id="fileUpload" multiple="multiple" type="file" name="file"
                                       accept=".jpg,.png" onchange="setImagePreviews()"
                                       style="display:none">
                                <input id="imgname" name="imgname" type="hidden" value="">
                            </form>
                            <iframe name="hidden_ydframe" id="hidden_frame"
                                    style="display:none"></iframe>
                            <clickpc onclick="sjMultiUploadPicture();">
                                <i class="fa fa-plus fa-5x" aria-hidden="true"></i>
                                <span>点击上传图片</span>
                            </clickpc>
                            <!-- 点击查看已上传的图片 -->
                            <clickckpic class="JG imgs" onclick="showPhotoClick();">
                                <span>查看图片</span>
                            </clickckpic>
                            <span>
									<input type="hidden" name="hidden_content" id="hidden_content">
                                <!-- 新增 -->
                                <!-- <input onclick="submitData()" class="button_pd button_pd_tj" type="button" value="提交" /> -->
									<input id="btn_save" onclick="saveDataToLocal()"
                                           class="button_pd button_pd_bc" style="width:60px;"
                                           type="button" value="保存"/>&nbsp;&nbsp;&nbsp;&nbsp;
									<input id="btn_submit" onclick="submitDataToServer()"
                                           class="button_pd button_pd_bc"
                                           style="width:60px;margin-right:10px;" type="button"
                                           value="提交"/>
								</span>
                        </div>
                        <divsctps>
                            <div id="fileUploadContent" class="fileUploadContent">
                                <div id="fileUploadPicButton"
                                     style="line-height: 40px; color: #fff; border-bottom: groove #fff 3px;">
                                    <span class="selectFileBt"
                                          onclick="$('input[id=fileUpload]').click();"
                                          style="margin-left: 10px;">选择文件</span>
                                    <span class="jsuploads">关闭</span>
                                </div>
                            </div>
                            <button onclick="YDtestUpload()">保存</button>
                        </divsctps>
                        <!-- 已上传图片框 放已上传图片的容器 -->
                        <divdatapic class="JG" style="display: none">
                            <!-- 获取回来的图片显示 -->
                            <divi>
                                <span onclick="ydPicUpload();" style="float:left;margin-left:50px;">上传</span><span
                                    onclick="closePhotoClick();"
                                    style="float:right;margin-right:50px;">关闭</span>
                            </divi>
                            <div>

                            </div>
                        </divdatapic>
                    </aa>
                    <aa class="detailed">
                        <div class="table_detailed">
                            详细
                        </div>
                    </aa>
                    <!-- </form> -->
                </divx>
            </divx>
        </div>
    </div>
</div>

</body>
</html>
